body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font-family: Helvetica, sans-serif;
}

h3 {
    border-bottom:1px solid #ccc;
}

#framecontent{
position: absolute;
top: 40px;
bottom: 0; 
right: 0;
width: 149px; /*Width of frame div*/
height: 100%;
border-left: 1px solid #ccc;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/*background: rgb(119, 153, 221); */
/*background: #e8eef7; */
/*background: #e6e6e6; */
background: rgb(242, 242, 242);
color: black;
}

#maincontent{
position: fixed;
top: 40px;
left: 0;
right: 150px; /*Set right value to WidthOfFrameDiv*/
bottom: 0;
overflow: auto; 
background: #fff;
}


* html body{ /*IE6 hack*/
padding: 0 200px 0 0; /*Set value to (0 WidthOfFrameDiv 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#framecontent .ac {
background: #ffffff;
}
#framecontent div {
width:100%; 
padding:5px;
/*border-bottom:1px dotted  rgb(119, 153, 221); */
/*border-bottom:1px dotted  #999;*/
}
.mode {
    text-align:right;
    margin: 15px 5px 0 0;
    padding: 0;
}
.r-edit {
    text-align:left;
	/*font-size:11px;*/
	font-size:1em;
}

.innertube{
font: normal 12px Helvetica, sans-serif;
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
.ac2-group-title { font-weight:bold; font-size:110%;}
.ac2-group-separator {
    background-image: url(../gfx/separator.gif);
    background-repeat: no-repeat; 
    margin:0 0 0 15px; 
    padding:0;
    height:2px;
}

a:link {
    color: rgb(34,98,245);
    text-decoration: none;
}

a:visited {
    color: rgb(34,98,245);
    text-decoration: none;
}

a:hover {
    color: rgb(34,98,245); 
    text-decoration: underline;
}
a:active {
    color: rgb(34,98,245);
    text-decoration: underline;
}

span.menu { margin: 5px 0 0 5px; padding:0;display:block;}
span.menu-off{ margin: 5px 0 0 5px; padding:0;display:block; color: rgb(91, 91, 91);}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.sidebox {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(/gfx/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	font-weight:normal;
}
.boxhead {
	background: url(/gfx/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/gfx/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/gfx/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

div.temp { 
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	/*font-size:40px;*/
    font-size:3.5em;
} 
div.udate {
	margin-top:10px;
	/*font-size:11px;*/
	font-size:1em;
}

#hdr {background:#9EADC6; font: normal 23px Helvetica, sans-serif; color:white;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px;

padding-bottom:5px;padding-top:3px;padding-left:5px;border-bottom:1px solid #999;}

dl.stats {
  padding: 0.5em;
  margin-top:0;
  padding-top:0;
}
dl.stats dt {
  float: left;
  clear: left;
  width: 100px;
  text-align: right;
}
dl.stats dt:after {
  content: ":";
}
dl.stats dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

form.room-form {width: 100%;} 
/* dl class = "zend_form"*/
.room-form dt {float: left;}
.room-form dd {margin: 0 5em 1em 5em;}
.room-form input.setpt { width:50px;}

/* errors */
ul.errors {
    color:red;
    /*background-color:yellow;
    border: 1px solid red;*/
}

.cool-above-setpoint { color:red;}
.cool-below-setpoint { color:black;}
.heat-below-setpoint { color:red;}
.heat-above-setpoint { color:black;}

.uline {border-bottom:1px dotted #000; }
